const axios = require("../../utils/request")

// pages/category/index.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
      dataSource:{}, // 数据源
      activeName: "", // 左侧选中的标记
      activeIndex: 0, // 左侧选中的item下标
      showAll: false, // 是否展开查看所有分类
      smallCateActiveIndex: 0, // 小类选中的值
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        wx.setNavigationBarColor({
          frontColor: '#000000',
          backgroundColor: '#ffffff'
        })
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {
      wx.showLoading()
      axios("/category").then(res=>{
        wx.hideLoading()
        console.log("res", res.data)
        this.setData({
          dataSource: res.data,
          activeName: res.data.cate_info[0].cate_name,
        })
      }).catch(err=>{
        wx.hideLoading()
        wx.showToast({
          title: err,
          duration: 1000
        })
      })
    },
    chooseItem: function(event) { // 点击左侧大类
      const index = this.data.dataSource.cate_info.findIndex(x=>x.cate_name === event.currentTarget.dataset.name)
      this.setData({
        activeName: event.currentTarget.dataset.name,
        activeIndex: index
      })
    },
    toggleAction: function() { // 点击右侧右上角的小类
      this.setData({
        showAll: !this.data.showAll
      })
    },
    chooseChildCate: function (event) { // 点击右侧的小类选中的值
      this.setData({
        smallCateActiveIndex: event.currentTarget.dataset.index
      })
    }
})